﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">
 
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="meta description">
    <!-- Favicons -->
    <link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="assets/img/icon.png">

    <!-- Title -->
    <title>Zuka - Clean, Minimal eCommerce Bootstrap 4 Template</title>

    <!-- ************************* CSS Files ************************* -->

    <!-- All Plugins CSS  -->
    <link rel="stylesheet" href="assets/css/plugins.css">

    <!-- Revoulation CSS  -->
    <link rel="stylesheet" href="assets/css/revoulation.css">

    <!-- style CSS -->
    <link rel="stylesheet" href="assets/css/main.css">

    <!-- modernizr JS
    ============================================ -->
    <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
    <!--[if lt IE 9]>
    <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="color-variation-1">

    <!-- Preloader Start -->
    <div class="zuka-preloader active">
        <div class="zuka-preloader-inner h-100 d-flex align-items-center justify-content-center">
            <div class="zuka-child zuka-bounce1"></div>
            <div class="zuka-child zuka-bounce2"></div>
            <div class="zuka-child zuka-bounce3"></div>
        </div>
    </div>
    <!-- Preloader End -->

    <!-- Main Wrapper Start -->
    <div class="wrapper">
        <!-- Header Area Start -->
        <header class="header header-style-3">
            <div class="header-inner headroom headroom--fixed">
                <div class="header-top">
                    <div class="container-fluid">
                        <div class="row align-items-center">
                            <div class="col-lg-3 col-6">
                                <!-- Logo Start Here -->
                                <a href="index.html" class="logo-box">
                                    <figure class="logo--normal"> 
                                        <img src="assets/img/logo/logo.png" alt="Logo"/>
                                    </figure>
                                </a>
                                <!-- Logo End Here -->
                            </div>
                            <div class="col-lg-6 d-lg-block d-none">
                                <form action="#" class="searchform searchform-3">
                                    <input type="text" name="search" id="search" class="searchform__input" placeholder="Search Products">
                                    <button type="submit" class="searchform__submit"><i class="dl-icon-search1"></i></button>
                                </form>
                            </div>
                            <div class="col-lg-3 col-6">
                                <ul class="header-toolbar header-toolbar-3 text-right">
                                    <li class="header-toolbar__item d-lg-block d-none">
                                        <a href="wishlist.html">
                                            <i class="fa fa-heart-o"></i>
                                        </a>
                                    </li>
                                    <li class="header-toolbar__item user-info-menu-btn d-lg-block d-none">
                                        <a href="">
                                            <i class="fa fa-user-circle-o"></i>
                                        </a>
                                        <ul class="user-info-menu">
                                            <li>
                                                <a href="my-account.html">My Account</a>
                                            </li>
                                            <li>
                                                <a href="order-tracking.html">Tracking Order</a>
                                            </li>
                                            <li>
                                                <a href="compare.html">compare</a>
                                            </li>
                                            <li>
                                                <a href="wishlist.html">Wishlist</a>
                                            </li>
                                            <li>
                                                <a href="lost-password.html">Lost Password</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="header-toolbar__item">
                                        <a href="#miniCart" class="mini-cart-btn mini-cart-btn-3 toolbar-btn">
                                            <i class="dl-icon-cart25"></i>
                                            <sup class="mini-cart-count">2</sup>
                                        </a>
                                    </li>
                                    <li class="header-toolbar__item d-lg-none">
                                        <a href="#searchForm" class="search-btn toolbar-btn">
                                            <i class="dl-icon-search1"></i>
                                        </a>
                                    </li>
                                    <li class="header-toolbar__item d-lg-none">
                                        <a href="#mobileMenu" class="toolbar-btn menu-btn">
                                            <span class="hamburger-icon">
                                            </span>
                                        </a> 
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="header-bottom d-lg-block d-none">
                    <div class="container-fluid">
                        <div class="row align-items-center">
                            <div class="col-xl-8 col-lg-7">
                                <div class="header-bottom__left">
                                    <!-- Secondary Navigation Start Here -->
                                    <nav class="secondary-navigation d-xl-block d-none">
                                        <a href="#" class="secondary-nav-btn">
                                            <i class="fa fa-navicon"></i>
                                            SHOP BY DEPARTMENT
                                        </a>
                                        <ul class="secondary-menu">
                                            <li><a href="">Beauty</a></li>
                                            <li><a href="">Bike</a></li>
                                            <li><a href="">Books</a></li>
                                            <li><a href="">Cell Phones &amp; Accessories</a></li>
                                            <li><a href="">Clothing</a></li>
                                            <li><a href="">Digitar Music</a></li>
                                            <li><a href="">Electronics &amp; Tech</a></li>
                                            <li><a href="">Fashions</a></li>
                                            <li><a href="">Food</a></li>
                                            <li><a href="">Furniture</a></li>
                                        </ul>
                                    </nav>
                                    <!-- Secondary Navigation End Here -->

                                    <!-- Main Navigation Start Here -->
                                    <nav class="main-navigation main-navigation-3 white-color">
                                        <ul class="mainmenu">
                                            <li class="mainmenu__item menu-item-has-children megamenu-holder active">
                                                <a href="index.html" class="mainmenu__link">
                                                    <span class="mm-text">Home</span>
                                                </a>
                                                <ul class="megamenu two-column">
                                                    <li>
                                                        <a class="megamenu-title" href="#">
                                                            <span class="mm-text">Demo Group 01</span>
                                                        </a>
                                                        <ul>
                                                            <li>
                                                                <a href="index.html">
                                                                    <span class="mm-text">Demo 01</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="index-02.html">
                                                                    <span class="mm-text">Demo 02</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="index-03.html">
                                                                    <span class="mm-text">Demo 03</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="index-04.html">
                                                                    <span class="mm-text">Demo 04</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="index-05.html">
                                                                    <span class="mm-text">Demo 05</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a class="megamenu-title" href="#">
                                                            <span class="mm-text">Demo Group 02</span>
                                                        </a>
                                                        <ul>
                                                            <li>
                                                                <a href="index-06.html">
                                                                    <span class="mm-text">Demo 06</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="index-07.html">
                                                                    <span class="mm-text">Demo 07</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="index-08.html">
                                                                    <span class="mm-text">Demo 08</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="index-09.html">
                                                                    <span class="mm-text">Demo 09</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="index-10.html">
                                                                    <span class="mm-text">Demo 10</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="mainmenu__item menu-item-has-children megamenu-holder">
                                                <a href="shop-sidebar.html" class="mainmenu__link">
                                                    <span class="mm-text">Shop</span>
                                                    <span class="badge">Hot</span>
                                                </a>
                                                <ul class="megamenu four-column">
                                                    <li>
                                                        <a class="megamenu-title" href="#">
                                                            <span class="mm-text">Shop Layout</span>
                                                        </a>
                                                        <ul>
                                                            <li>
                                                                <a href="shop-fullwidth.html">
                                                                    <span class="mm-text">FullWidth</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="shop-sidebar.html">
                                                                    <span class="mm-text">with Sidebar</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="shop-two-columns.html">
                                                                    <span class="mm-text">Two columns</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="shop-three-columns.html">
                                                                    <span class="mm-text">Three columns</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="shop-collections.html">
                                                                    <span class="mm-text">With collections</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="shop-instagram.html">
                                                                    <span class="mm-text">Shop Instagram</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a class="megamenu-title" href="#">
                                                            <span class="mm-text">Single Product</span>
                                                        </a>
                                                        <ul>
                                                            <li>
                                                                <a href="product-details.html">
                                                                    <span class="mm-text">Simple 01</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="product-details-02.html">
                                                                    <span class="mm-text">Simple 02</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="product-details-sticky.html">
                                                                    <span class="mm-text">Sticky Info</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="product-details-gallery.html">
                                                                    <span class="mm-text">Thumbnail Gallery</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="product-details-sidebar.html">
                                                                    <span class="mm-text">Sidebar</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="product-details-grouped.html">
                                                                    <span class="mm-text">Grouped</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="product-details-affiliate.html">
                                                                    <span class="mm-text">Affiliate</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="product-details-configurable.html">
                                                                    <span class="mm-text">Configurable</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a class="megamenu-title" href="#">
                                                            <span class="mm-text">Shop Pages</span>
                                                        </a>
                                                        <ul class="sub-menu">
                                                            <li>
                                                                <a href="my-account.html">
                                                                    <span class="mm-text">My Account</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="cart.html">
                                                                    <span class="mm-text">Shopping Cart</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="checkout.html">
                                                                    <span class="mm-text">Check Out</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="wishlist.html">
                                                                    <span class="mm-text">Wishlist</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="order-tracking.html">
                                                                    <span class="mm-text">Order tracking</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="compare.html">
                                                                    <span class="mm-text">compare</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="banner-holder">
                                                        <div class="megamenu-banner">
                                                            <div class="megamenu-banner-image"></div>
                                                            <div class="megamenu-banner-info">
                                                                <span>Autumn Winter 2019</span>
                                                                <h3>new <strong>arrival</strong></h3>
                                                            </div>
                                                            <a href="shop-sidebar.html" class="megamenu-banner-link"></a>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="mainmenu__item menu-item-has-children has-children">
                                                <a href="#" class="mainmenu__link">
                                                    <span class="mm-text">Pages</span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="about-us.html">
                                                            <span class="mm-text">About Us</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="team.html">
                                                            <span class="mm-text">Our teams</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="contact-us.html">
                                                            <span class="mm-text">Contact Page</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="404.html">
                                                            <span class="mm-text">404 page</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="faqs-page.html">
                                                            <span class="mm-text">FAQs page</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="coming-soon.html">
                                                            <span class="mm-text">Coming Soon</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="mainmenu__item">
                                                <a href="shop-collections.html" class="mainmenu__link">
                                                    <span class="mm-text">Collections</span>
                                                </a>
                                            </li>
                                            <li class="mainmenu__item menu-item-has-children has-children">
                                                <a href="blog.html" class="mainmenu__link">
                                                    <span class="mm-text">Blog</span>
                                                </a>
                                            <ul class="sub-menu">
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog Grid</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="blog-02-columns.html">
                                                                <span class="mm-text">Blog 02 Columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog-03-columns.html">
                                                                <span class="mm-text">Blog 03 Columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog.html">
                                                                <span class="mm-text">Blog Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog List</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="blog-classic.html">
                                                                <span class="mm-text">Blog Classic</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog-no-sidebar.html">
                                                                <span class="mm-text">Blog No Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="blog-masonary.html">
                                                        <span class="mm-text">Blog Masonary</span>
                                                    </a>
                                                </li>
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog Details</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="single-post.html">
                                                                <span class="mm-text">Single Post</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="single-post-sidebar.html">
                                                                <span class="mm-text">Single Post Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                            </li>
                                            <li class="mainmenu__item">
                                                <a href="shop-instagram.html" class="mainmenu__link">
                                                    <span class="mm-text">New Look</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </nav>
                                    <!-- Main Navigation End Here -->
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-5 text-right">
                                <ul class="header-component">
                                    <li>
                                        <a href="#">
                                            <i class="fa fa-language"></i>
                                            <span>Language</span>
                                            <i class="fa fa-angle-down"></i>
                                        </a>
                                        <ul class="submenu">
                                            <li><a href="#">English</a></li>
                                            <li><a href="#">France</a></li>
                                            <li><a href="#">Germany</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="fa fa-usd"></i>
                                            <span>Currency</span>
                                            <i class="fa fa-angle-down"></i>
                                        </a>
                                        <ul class="submenu">
                                            <li><a href="#">USD</a></li>
                                            <li><a href="#">Eur</a></li>
                                            <li><a href="#">Gbp</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="faqs-page.html">
                                            <i class="fa fa-comment-o"></i>
                                            <span>Help &amp; FAQs</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mobile-menu-wrapper" id="mobileMenu">
                <div class="mobile-menu-inner">
                    <a href="" class="btn-close">
                        <span class="hamburger-icon">
                        </span>
                    </a>
                    <nav class="mobile-navigation">
                        <ul class="mobile-menu">
                            <li class="menu-item-has-children active">
                                <a href="index.html">
                                    <span class="mm-text">Home</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Demo Group 01</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="index.html">
                                                    <span class="mm-text">Demo 01</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-02.html">
                                                    <span class="mm-text">Demo 02</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-03.html">
                                                    <span class="mm-text">Demo 03</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-04.html">
                                                    <span class="mm-text">Demo 04</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-05.html">
                                                    <span class="mm-text">Demo 05</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Demo Group 02</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="index-06.html">
                                                    <span class="mm-text">Demo 06</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-07.html">
                                                    <span class="mm-text">Demo 07</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-08.html">
                                                    <span class="mm-text">Demo 08</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-09.html">
                                                    <span class="mm-text">Demo 09</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-10.html">
                                                    <span class="mm-text">Demo 10</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="shop-sidebar.html">
                                    <span class="mm-text">Shop</span>
                                    <span class="badge">Hot</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Shop Layout</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="shop-fullwidth.html">
                                                    <span class="mm-text">FullWidth</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-sidebar.html">
                                                    <span class="mm-text">with Sidebar</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-two-columns.html">
                                                    <span class="mm-text">Two columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-three-columns.html">
                                                    <span class="mm-text">Three columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-collections.html">
                                                    <span class="mm-text">With collections</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-instagram.html">
                                                    <span class="mm-text">Shop Instagram</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Single Product</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="product-details.html">
                                                    <span class="mm-text">Simple 01</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-02.html">
                                                    <span class="mm-text">Simple 02</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-sticky.html">
                                                    <span class="mm-text">Sticky Info</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-gallery.html">
                                                    <span class="mm-text">Thumbnail Gallery</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-sidebar.html">
                                                    <span class="mm-text">Sidebar</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-grouped.html">
                                                    <span class="mm-text">Grouped</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-affiliate.html">
                                                    <span class="mm-text">Affiliate</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-configurable.html">
                                                    <span class="mm-text">Configurable</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Shop Pages</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="my-account.html">
                                                    <span class="mm-text">My Account</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="cart.html">
                                                    <span class="mm-text">Shopping Cart</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="checkout.html">
                                                    <span class="mm-text">Check Out</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="wishlist.html">
                                                    <span class="mm-text">Wishlist</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="order-tracking.html">
                                                    <span class="mm-text">Order tracking</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="compare.html">
                                                    <span class="mm-text">compare</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">
                                    <span class="mm-text">Pages</span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="about-us.html">
                                            <span class="mm-text">About Us</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="team.html">
                                            <span class="mm-text">Our teams</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="contact-us.html">
                                            <span class="mm-text">Contact Page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="404.html">
                                            <span class="mm-text">404 page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="faqs-page.html">
                                            <span class="mm-text">FAQs page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="coming-soon.html">
                                            <span class="mm-text">Coming Soon</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="mobile-menu__item">
                                <a href="shop-collections.html">
                                    <span class="mm-text">Collections</span>
                                </a>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="blog.html">
                                    <span class="mm-text">Blog</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog Grid</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="blog-02-columns.html">
                                                    <span class="mm-text">Blog 02 Columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog-03-columns.html">
                                                    <span class="mm-text">Blog 03 Columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog.html">
                                                    <span class="mm-text">Blog Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog List</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="blog-classic.html">
                                                    <span class="mm-text">Blog Classic</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog-no-sidebar.html">
                                                    <span class="mm-text">Blog No Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="blog-masonary.html">
                                            <span class="mm-text">Blog Masonary</span>
                                        </a>
                                    </li>
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog Details</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="single-post.html">
                                                    <span class="mm-text">Single Post</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="single-post-sidebar.html">
                                                    <span class="mm-text">Single Post Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="shop-instagram.html">
                                    <span class="mm-text">New Look</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <!-- Header Area End -->

        <!-- Main Content Wrapper Start -->
        <div id="content" class="main-content-wrapper">
            <!-- Banner area Start -->
            <div class="banner-area">
                <div class="container-fluid p-0">
                    <div class="row no-gutters">
                        <div class="col-md-4 mb-sm--30">
                            <div class="banner-box banner-hover-3 banner-type-5 banner-type-5-1">
                                <div class="banner-inner">
                                    <div class="banner-image">
                                        <img src="assets/img/banner/banner_6.jpg" alt="Banner">
                                    </div>
                                    <div class="banner-info">
                                        <div class="banner-info--inner">
                                            <p class="banner-title-5">
                                                Iphone XS
                                            </p>
                                            <p class="banner-title-6">available now</p>
                                            <a href="shop-sidebar.html" class="banner-btn banner-btn-3 primary-color">Shop Now</a>
                                        </div>
                                    </div>
                                    <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 mb-sm--30">
                            <div class="banner-box banner-hover-3 banner-type-5 banner-type-5-2">
                                <div class="banner-inner">
                                    <div class="banner-image">
                                        <img src="assets/img/banner/banner_7.jpg" alt="Banner">
                                    </div>
                                    <div class="banner-info">
                                        <div class="banner-info--inner">
                                            <p class="color--white">SoundBox Pro Portabale Wireless Bluetooth Speaker V4.2</p>
                                            <p class="banner-title-5 mb--30">
                                                Sale 40%
                                            </p>
                                            <span class="banner-badge">$ 199</span>
                                            <a href="shop-sidebar.html" class="banner-btn banner-btn-3 secondary-color">Shop Now</a>
                                        </div>
                                    </div>
                                    <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="banner-box banner-hover-3 banner-type-5 banner-type-5-2 mb-sm--30">
                                <div class="banner-inner">
                                    <div class="banner-image">
                                        <img src="assets/img/banner/banner_8.jpg" alt="Banner">
                                    </div>
                                    <div class="banner-info">
                                        <div class="banner-info--inner">
                                            <p class="banner-title-2-1 color--white font-normal">Men's Ultra-Thin Quartz Analog</p>
                                            <p class="banner-title-7 mb--20 mb-lg--10 mb-md--5 mb-sm--15">
                                                Off 20%
                                            </p>
                                            <p class="banner-title-8 mb--20 mb-lg--10 mb-md--5 mb-sm--15">
                                                <span class="regular-price">$199.99</span>
                                                <span class="sale-price">only 89.99</span>
                                            </p>
                                            <a href="shop-sidebar.html" class="banner-btn banner-btn-3 primary-color">Shop Now</a>
                                        </div>
                                    </div>
                                    <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                </div>
                            </div>
                            <div class="banner-box banner-hover-3 banner-type-5 banner-type-5-3">
                                <div class="banner-inner">
                                    <div class="banner-image">
                                        <img src="assets/img/banner/banner_9.jpg" alt="Banner">
                                    </div>
                                    <div class="banner-info">
                                        <div class="banner-info--inner">
                                            <p class="heading-color mb-md--5">Rivet clover modern galm velvet <br> arm accent chair</p>
                                            <p class="banner-title-1-1 heading-color lts-10 lts-lg-5 lts-md-1 mb--10 mb-md--5">
                                                Sale 50%
                                            </p>
                                            <p class="banner-title-2 font-normal mb--20 mb-lg--10 mb-md--5 mb-sm--15">
                                                <span class="sale-price">only 89.99</span>
                                            </p>
                                            <a href="shop-sidebar.html" class="banner-btn banner-btn-3 banner-btn-outline secondary-color">Shop Now</a>
                                        </div>
                                    </div>
                                    <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Banner area End -->

            <!-- Method Area Start -->
            <section class="method-area pt--55 pb--55 pt-sm--35 pb-sm--40">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 col-md-6 mb-md--30">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-1.png" alt="Icon">
                                <h4 class="mt--20">Free Worldwide Shipping</h4>
                                <p>On all orders over $75.00</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 mb-md--30">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-2.png" alt="Icon">
                                <h4 class="mt--20">Support 24/7</h4>
                                <p>Contact us 24 hours a day, 7 days a week</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 mb-sm--30">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-3.png" alt="Icon">
                                <h4 class="mt--20">30 Days Return</h4>
                                <p>Return it within 30 days for an exchange</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-4.png" alt="Icon">
                                <h4 class="mt--20">100% Payment Secure</h4>
                                <p>We ensure secure payment with PEV</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Method Area End -->

            <!-- Product area start -->
            <section class="product-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6 mb-sm--30">
                            <div class="product-box">
                                <div class="product-box__inner">
                                    <h2 class="product-box__heading font-weight-600"><i class="fa fa-hand-o-right"></i>Deal Of Day</h2>
                                    <div class="product-box__content">
                                        <div class="zuka-element-carousel nav-vertical-center nav-disabled nav-style-2"
                                        data-slick-options='{
                                            "slidesToShow": 1,
                                            "slidesToScroll": 1,
                                            "arrows": true,
                                            "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "fa fa-angle-left" },
                                            "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "fa fa-angle-right" }
                                        }'
                                        >
                                            <div class="item">
                                                <div class="product-item">
                                                    <div class="product-item__countdown">
                                                        <div class="product-countdown product-countdown-2 round vertical outline" data-countdown="2020/05/01"></div>
                                                    </div>
                                                    <div class="product-item__thumbnail">
                                                        <figure class="product-item__img">
                                                            <a href="product-details.html">
                                                                <img src="assets/img/products/ele_12-1.jpg" alt="Products">
                                                            </a>
                                                        </figure>
                                                        <span class="product-badge">-17.9%</span>
                                                    </div>
                                                    <div class="product-item__info">
                                                        <h3 class="product-item__title">
                                                            <a href="product-details.html">Nintendo Entertainment System</a>
                                                        </h3>
                                                        <div class="product-price-wrapper">
                                                            <span class="product-price-old">
                                                                <span class="money">&pound; 49.00</span>
                                                            </span>
                                                            <span class="product-price-new">
                                                                <span class="money">&pound; 48.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="product-item__action">
                                                        <div class="product-action d-flex flex-column align-items-end">
                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                <span data-toggle="modal" data-target="#productModal">
                                                                    <i class="dl-icon-view"></i>
                                                                </span>
                                                            </a>
                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                <i class="dl-icon-heart4"></i>
                                                            </a>
                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                <i class="dl-icon-compare"></i>
                                                            </a>
                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                <i class="dl-icon-cart29"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="product-item">
                                                    <div class="product-item__countdown">
                                                        <div class="product-countdown product-countdown-2 round vertical outline" data-countdown="2020/05/01"></div>
                                                    </div>
                                                    <div class="product-item__thumbnail">
                                                        <figure class="product-item__img">
                                                            <a href="product-details.html">
                                                                <img src="assets/img/products/ele_12-1.jpg" alt="Products">
                                                            </a>
                                                        </figure>
                                                        <span class="product-badge">-17.9%</span>
                                                    </div>
                                                    <div class="product-item__info">
                                                        <h3 class="product-item__title">
                                                            <a href="product-details.html">Nintendo Entertainment System</a>
                                                        </h3>
                                                        <div class="product-price-wrapper">
                                                            <span class="product-price-old">
                                                                <span class="money">&pound; 49.00</span>
                                                            </span>
                                                            <span class="product-price-new">
                                                                <span class="money">&pound; 48.00</span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="product-item__action">
                                                        <div class="product-action d-flex flex-column align-items-end">
                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                <span data-toggle="modal" data-target="#productModal">
                                                                    <i class="dl-icon-view"></i>
                                                                </span>
                                                            </a>
                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                <i class="dl-icon-heart4"></i>
                                                            </a>
                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                <i class="dl-icon-compare"></i>
                                                            </a>
                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                <i class="dl-icon-cart29"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="product-box">
                                <div class="product-box__inner">
                                    <h2 class="product-box__heading font-weight-600"><i class="fa fa-hand-o-right"></i>Deal Of Day</h2>
                                    <div class="product-box__content">
                                        <div class="zuka-element-carousel nav-vertical-center nav-disabled nav-style-2"
                                        data-slick-options='{
                                            "slidesToShow": 1,
                                            "slidesToScroll": 1,
                                            "arrows": true,
                                            "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "fa fa-angle-left" },
                                            "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "fa fa-angle-right" }
                                        }'
                                        >
                                            <div class="item">
                                                <div class="product-item">
                                                    <div class="product-item__thumbnail">
                                                        <figure class="product-item__img">
                                                            <a href="product-details.html">
                                                                <img src="assets/img/products/prod-36-1.jpg" alt="Products" class="primary-image">
                                                            </a>
                                                        </figure>
                                                    </div>
                                                    <div class="product-item__info">
                                                        <h3 class="product-item__title">
                                                            <a href="product-details.html">Nintendo Entertainment System</a>
                                                        </h3>
                                                        <div class="product-price-wrapper">
                                                            <span class="money">&pound; 49.00</span>
                                                        </div>
                                                        <div class="star-rating star-four">
                                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                        </div>
                                                    </div>
                                                    <div class="product-item__action">
                                                        <div class="product-action d-flex flex-column align-items-end">
                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                <span data-toggle="modal" data-target="#productModal">
                                                                    <i class="dl-icon-view"></i>
                                                                </span>
                                                            </a>
                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                <i class="dl-icon-heart4"></i>
                                                            </a>
                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                <i class="dl-icon-compare"></i>
                                                            </a>
                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                <i class="dl-icon-cart29"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="product-item thumb-has-effect">
                                                    <div class="product-item__thumbnail">
                                                        <figure class="product-item__img">
                                                            <a href="product-details.html">
                                                                <img src="assets/img/products/prod-33-1.jpg" alt="Products" class="primary-image">
                                                                <img src="assets/img/products/prod-28-1-487x321.jpg" alt="Products" class="secondary-image">
                                                            </a>
                                                        </figure>
                                                    </div>
                                                    <div class="product-item__info">
                                                        <h3 class="product-item__title">
                                                            <a href="product-details.html">Nintendo Entertainment System</a>
                                                        </h3>
                                                        <div class="product-price-wrapper">
                                                            <span class="money">&pound; 48.00</span>
                                                        </div>
                                                        <div class="star-rating star-five">
                                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                        </div>
                                                    </div>
                                                    <div class="product-item__action">
                                                        <div class="product-action d-flex flex-column align-items-end">
                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                <span data-toggle="modal" data-target="#productModal">
                                                                    <i class="dl-icon-view"></i>
                                                                </span>
                                                            </a>
                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                <i class="dl-icon-heart4"></i>
                                                            </a>
                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                <i class="dl-icon-compare"></i>
                                                            </a>
                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                <i class="dl-icon-cart29"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Product area end -->

            <!-- Product Tab Area Start -->
            <section class="product-tab-area pt--80 pt-md--60 pt-sm--40">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="product-tab tab-style-3">
                                <div class="product-tab-top d-flex algin-items-center flex-wrap mb--40 mb-sm--30">
                                    <div class="product-tab-left text-sm-left text-center mb-md--20">
                                        <div class="product-tab__heading bg-color" data-bg-color="#28c2d7">
                                            <h2>Cell Phones &amp; Accessories</h2>
                                        </div>
                                    </div>
                                    <div class="product-tab-middle my-sm-auto mx-auto mx-sm-0 order-sm-2 order-3">
                                        <div class="nav nav-tabs product-tab__head" id="product-acc-tab" role="tablist">
                                            <a class="product-tab__link nav-link active" id="nav-acc-new-product-tab" data-toggle="tab" href="#nav-acc-new-product" role="tab" aria-selected="true"> 
                                                <span>New Product</span>
                                            </a>
                                            <a class="product-tab__link nav-link" id="nav-acc-on-sale-tab" data-toggle="tab" href="#nav-acc-on-sale" role="tab" aria-selected="true"> 
                                                <span>On Sale</span>
                                            </a>
                                            <a class="product-tab__link nav-link" id="nav-acc-top-sellers-tab" data-toggle="tab" href="#nav-acc-top-sellers" role="tab" aria-selected="true"> 
                                                <span>Top Sellers</span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="product-tab-right ml-auto text-sm-right text-center order-sm-3 order-2 mb-xs--15">
                                        <a href="" class="btn btn-medium btn-outline btn-shape-round btn-color-black">View More</a>
                                    </div>
                                </div>
                                <div class="product-tab-bottom">
                                    <div class="tab-content product-tab__content" id="product-acc-tabContent">
                                        <div class="tab-pane fade show active" id="nav-acc-new-product" role="tabpanel" aria-labelledby="nav-acc-new-product-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": true
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_9-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Anker PowerPort II with Dual PowerIQ</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Boost Up Qi (5 W) Wireless Charger for iPhone X</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_6-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">iPhone X Screen Protector,Novo Icon 3-Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_8-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Magnetic Wireless Car Charger</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_10-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Qi-Certified Wireless Charging Stand</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-acc-on-sale" role="tabpanel" aria-labelledby="nav-acc-on-sale-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": false
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-10-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-3-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge sale">Sale!</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                        <span class="dash">&mdash;</span>
                                                                        <span class="money">&pound; 59.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-12-4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-13-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-5.1%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-2-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-8-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_11-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_5-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_13-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Women’s Dolman Sleeve Bodysuit</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Kent Girls Cupcake Bike, 16″, Blue/Hot Pink</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System: NES Classic Edition</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Osprey Packs Viper 3 Hydration Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-acc-top-sellers" role="tabpanel" aria-labelledby="nav-acc-top-sellers-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": false
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_8-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge sale">Sale!</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">American Fruit Juice</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                        <span class="dash">&mdash;</span>
                                                                        <span class="money">&pound; 59.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_9-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-5.1%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">American Fruit Juice</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_14-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_11-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_5-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_13-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Women’s Dolman Sleeve Bodysuit</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Kent Girls Cupcake Bike, 16″, Blue/Hot Pink</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System: NES Classic Edition</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Osprey Packs Viper 3 Hydration Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Product Tab Area End -->

            <!-- Product Tab Area Start -->
            <section class="product-tab-area pt--75 pt-md--55 pt-sm--35 pb--75 pb-md--55 pb-sm--35">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="product-tab tab-style-3">
                                <div class="product-tab-top d-flex algin-items-center flex-wrap mb--40 mb-sm--30">
                                    <div class="product-tab-left text-sm-left text-center mb-md--20">
                                        <div class="product-tab__heading bg-color" data-bg-color="#1c34ae">
                                            <h2>Electronics &amp; Tech</h2>
                                        </div>
                                    </div>
                                    <div class="product-tab-middle my-sm-auto mx-auto mx-sm-0 order-sm-2 order-3">
                                        <div class="nav nav-tabs product-tab__head" id="product-tech-tab" role="tablist">
                                            <a class="product-tab__link nav-link active" id="nav-tech-new-product-tab" data-toggle="tab" href="#nav-tech-new-product" role="tab" aria-selected="true"> 
                                                <span>New Product</span>
                                            </a>
                                            <a class="product-tab__link nav-link" id="nav-tech-on-sale-tab" data-toggle="tab" href="#nav-tech-on-sale" role="tab" aria-selected="true"> 
                                                <span>On Sale</span>
                                            </a>
                                            <a class="product-tab__link nav-link" id="nav-tech-top-sellers-tab" data-toggle="tab" href="#nav-tech-top-sellers" role="tab" aria-selected="true"> 
                                                <span>Top Sellers</span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="product-tab-right ml-auto text-sm-right text-center order-sm-3 order-2 mb-xs--15">
                                        <a href="" class="btn btn-medium btn-outline btn-shape-round btn-color-black">View More</a>
                                    </div>
                                </div>
                                <div class="product-tab-bottom">
                                    <div class="tab-content product-tab__content" id="product-tech-tabContent">
                                        <div class="tab-pane fade show active" id="nav-tech-new-product" role="tabpanel" aria-labelledby="nav-tech-new-product-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": true
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Anker PowerPort II with Dual PowerIQ</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_2-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Boost Up Qi (5 W) Wireless Charger for iPhone X</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">iPhone X Screen Protector,Novo Icon 3-Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Magnetic Wireless Car Charger</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_5-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Qi-Certified Wireless Charging Stand</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-tech-on-sale" role="tabpanel" aria-labelledby="nav-tech-on-sale-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": false
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_6-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_7-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge sale">Sale!</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                        <span class="dash">&mdash;</span>
                                                                        <span class="money">&pound; 59.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_8-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_9-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-5.1%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_10-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_12-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Women’s Dolman Sleeve Bodysuit</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Kent Girls Cupcake Bike, 16″, Blue/Hot Pink</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System: NES Classic Edition</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Osprey Packs Viper 3 Hydration Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-tech-top-sellers" role="tabpanel" aria-labelledby="nav-tech-top-sellers-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": false
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge sale">Sale!</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">American Fruit Juice</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                        <span class="dash">&mdash;</span>
                                                                        <span class="money">&pound; 59.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_10-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-5.1%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">American Fruit Juice</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_14-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_11-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_5-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_13-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Women’s Dolman Sleeve Bodysuit</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_5-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Kent Girls Cupcake Bike, 16″, Blue/Hot Pink</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_6-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_10-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System: NES Classic Edition</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Osprey Packs Viper 3 Hydration Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Product Tab Area End -->

            <!-- Banner Area Start -->
            <div class="banner-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6 mb-sm--30">
                            <div class="banner-box banner-hover-3 banner-type-6  banner-type-6-1">
                                <div class="banner-inner">
                                    <div class="banner-image">
                                        <img src="assets/img/banner/banner_11.jpg" alt="Banner">
                                    </div>
                                    <div class="banner-info">
                                        <div class="banner-info--inner">
                                            <p class="banner-title-9 lts-6 lts-lg-3 lts-sm-1 text-uppercase">
                                                New Now
                                            </p>
                                            <p class="color--white text-capitalize">Foxnovo Bluetooth Soundbar 20W Ward &amp; wirless home Theater</p>
                                            <a href="shop-sidebar.html" class="banner-btn banner-btn-4 banner-btn-outline banner-btn-color-white banner-btn-shape-round hover-style-bg">Shop Now</a>
                                            <span class="banner-badge yellow">$32.99</span>
                                        </div>
                                    </div>
                                    <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="banner-box banner-hover-3 banner-type-6 banner-type-6-2">
                                <div class="banner-inner">
                                    <div class="banner-image">
                                        <img src="assets/img/banner/banner_10.jpg" alt="Banner">
                                    </div>
                                    <div class="banner-info">
                                        <div class="banner-info--inner">
                                            <p class="banner-title-9 lts-6 lts-lg-3 lts-sm-1 text-uppercase heading-color">
                                                Sale 30%
                                            </p>
                                            <p class="color--white text-capitalize heading-color">Foxnovo Bluetooth Soundbar 20W Ward &amp; wirless home Theater</p>
                                            <a href="shop-sidebar.html" class="banner-btn banner-btn-4  banner-btn-color-red banner-btn-shape-round hover-style-shadow">Shop Now</a>
                                            <span class="banner-badge">$14.99</span>
                                        </div>
                                    </div>
                                    <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Banner Area End -->

            <!-- Product Tab Area Start -->
            <section class="product-tab-area pt--80 pt-md--60 pt-sm--40">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="product-tab tab-style-3">
                                <div class="product-tab-top d-flex algin-items-center flex-wrap mb--40 mb-sm--30">
                                    <div class="product-tab-left text-sm-left text-center mb-md--20">
                                        <div class="product-tab__heading bg-color" data-bg-color="#181818">
                                            <h2>Fashion, Accessories, Shoes</h2>
                                        </div>
                                    </div>
                                    <div class="product-tab-middle my-sm-auto mx-auto mx-sm-0 order-sm-2 order-3">
                                        <div class="nav nav-tabs product-tab__head" id="product-fashion-tab" role="tablist">
                                            <a class="product-tab__link nav-link active" id="nav-fashion-new-product-tab" data-toggle="tab" href="#nav-fashion-new-product" role="tab" aria-selected="true"> 
                                                <span>New Product</span>
                                            </a>
                                            <a class="product-tab__link nav-link" id="nav-fashion-on-sale-tab" data-toggle="tab" href="#nav-fashion-on-sale" role="tab" aria-selected="true"> 
                                                <span>On Sale</span>
                                            </a>
                                            <a class="product-tab__link nav-link" id="nav-fashion-top-sellers-tab" data-toggle="tab" href="#nav-fashion-top-sellers" role="tab" aria-selected="true"> 
                                                <span>Top Sellers</span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="product-tab-right ml-auto text-sm-right text-center order-sm-3 order-2 mb-xs--15">
                                        <a href="" class="btn btn-medium btn-outline btn-shape-round btn-color-black">View More</a>
                                    </div>
                                </div>
                                <div class="product-tab-bottom">
                                    <div class="tab-content product-tab__content" id="product-fashion-tabContent">
                                        <div class="tab-pane fade show active" id="nav-fashion-new-product" role="tabpanel" aria-labelledby="nav-fashion-new-product-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": true
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>

                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-3-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-3-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Designer Leather Backpack Purse for Women</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-7-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-7-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-2%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Fake News Network Abstract Novelty T-Shirt</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-4-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-4-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Fashion Backpack Oxford Waterproof</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-10-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-10-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Grey blue leather backpack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-8-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-8-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">I want to T-Shirt</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-6-4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-10-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-2-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-fashion-on-sale" role="tabpanel" aria-labelledby="nav-fashion-on-sale-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": false
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-10-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-3-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge sale">Sale!</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                        <span class="dash">&mdash;</span>
                                                                        <span class="money">&pound; 59.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-12-4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-13-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-5.1%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-2-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-8-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_11-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_5-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_13-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Women’s Dolman Sleeve Bodysuit</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Kent Girls Cupcake Bike, 16″, Blue/Hot Pink</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System: NES Classic Edition</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Osprey Packs Viper 3 Hydration Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-fashion-top-sellers" role="tabpanel" aria-labelledby="nav-fashion-top-sellers-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": false
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_8-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge sale">Sale!</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">American Fruit Juice</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                        <span class="dash">&mdash;</span>
                                                                        <span class="money">&pound; 59.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_9-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-5.1%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">American Fruit Juice</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_14-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_11-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_5-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_13-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Women’s Dolman Sleeve Bodysuit</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Kent Girls Cupcake Bike, 16″, Blue/Hot Pink</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System: NES Classic Edition</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Osprey Packs Viper 3 Hydration Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Product Tab Area End -->

            <!-- Product Tab Area Start -->
            <section class="product-tab-area pt--75 pt-md--55 pt-sm--35">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="product-tab tab-style-3">
                                <div class="product-tab-top d-flex algin-items-center flex-wrap mb--40 mb-sm--30">
                                    <div class="product-tab-left text-sm-left text-center mb-md--20">
                                        <div class="product-tab__heading bg-color" data-bg-color="#b9a151">
                                            <h2>Home, Kitchen &amp; Outdoor</h2>
                                        </div>
                                    </div>
                                    <div class="product-tab-middle my-sm-auto mx-auto mx-sm-0 order-sm-2 order-3">
                                        <div class="nav nav-tabs product-tab__head" id="product-home-tab" role="tablist">
                                            <a class="product-tab__link nav-link active" id="nav-home-new-product-tab" data-toggle="tab" href="#nav-home-new-product" role="tab" aria-selected="true"> 
                                                <span>New Product</span>
                                            </a>
                                            <a class="product-tab__link nav-link" id="nav-home-on-sale-tab" data-toggle="tab" href="#nav-home-on-sale" role="tab" aria-selected="true"> 
                                                <span>On Sale</span>
                                            </a>
                                            <a class="product-tab__link nav-link" id="nav-home-top-sellers-tab" data-toggle="tab" href="#nav-home-top-sellers" role="tab" aria-selected="true"> 
                                                <span>Top Sellers</span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="product-tab-right ml-auto text-sm-right text-center order-sm-3 order-2 mb-xs--15">
                                        <a href="" class="btn btn-medium btn-outline btn-shape-round btn-color-black">View More</a>
                                    </div>
                                </div>
                                <div class="product-tab-bottom">
                                    <div class="tab-content product-tab__content" id="product-home-tabContent">
                                        <div class="tab-pane fade show active" id="nav-home-new-product" role="tabpanel" aria-labelledby="nav-home-new-product-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": true
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>

                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-22-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-23-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Designer Leather Backpack Purse for Women</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-25-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-26-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-2%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Fake News Network Abstract Novelty T-Shirt</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-27-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-28-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Fashion Backpack Oxford Waterproof</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-29-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-30-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Grey blue leather backpack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-31-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-22-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">I want to T-Shirt</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-31-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-32-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-33-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-34-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-home-on-sale" role="tabpanel" aria-labelledby="nav-home-on-sale-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": false
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_10-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge sale">Sale!</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                        <span class="dash">&mdash;</span>
                                                                        <span class="money">&pound; 59.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-5.1%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_8-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_9-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Women’s Dolman Sleeve Bodysuit</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Kent Girls Cupcake Bike, 16″, Blue/Hot Pink</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System: NES Classic Edition</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Osprey Packs Viper 3 Hydration Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-home-top-sellers" role="tabpanel" aria-labelledby="nav-home-top-sellers-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": false
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_8-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge sale">Sale!</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">American Fruit Juice</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                        <span class="dash">&mdash;</span>
                                                                        <span class="money">&pound; 59.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_9-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-5.1%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">American Fruit Juice</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_14-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_11-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_5-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_13-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Women’s Dolman Sleeve Bodysuit</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Kent Girls Cupcake Bike, 16″, Blue/Hot Pink</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System: NES Classic Edition</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Osprey Packs Viper 3 Hydration Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Product Tab Area End -->

            <!-- Product Tab Area Start -->
            <section class="product-tab-area pt--75 pt-md--55 pt-sm--35 pb--75 pb-md--55 pb-sm--35">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="product-tab tab-style-3">
                                <div class="product-tab-top d-flex algin-items-center flex-wrap mb--40 mb-sm--30">
                                    <div class="product-tab-left text-sm-left text-center mb-md--20">
                                        <div class="product-tab__heading bg-color" data-bg-color="#f61367">
                                            <h2>Digital Music</h2>
                                        </div>
                                    </div>
                                    <div class="product-tab-middle my-sm-auto mx-auto mx-sm-0 order-sm-2 order-3">
                                        <div class="nav nav-tabs product-tab__head" id="product-music-tab" role="tablist">
                                            <a class="product-tab__link nav-link active" id="nav-music-new-product-tab" data-toggle="tab" href="#nav-music-new-product" role="tab" aria-selected="true"> 
                                                <span>New Product</span>
                                            </a>
                                            <a class="product-tab__link nav-link" id="nav-music-on-sale-tab" data-toggle="tab" href="#nav-music-on-sale" role="tab" aria-selected="true"> 
                                                <span>On Sale</span>
                                            </a>
                                            <a class="product-tab__link nav-link" id="nav-music-top-sellers-tab" data-toggle="tab" href="#nav-music-top-sellers" role="tab" aria-selected="true"> 
                                                <span>Top Sellers</span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="product-tab-right ml-auto text-sm-right text-center order-sm-3 order-2 mb-xs--15">
                                        <a href="" class="btn btn-medium btn-outline btn-shape-round btn-color-black">View More</a>
                                    </div>
                                </div>
                                <div class="product-tab-bottom">
                                    <div class="tab-content product-tab__content" id="product-music-tabContent">
                                        <div class="tab-pane fade show active" id="nav-music-new-product" role="tabpanel" aria-labelledby="nav-music-new-product-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": true
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/cd_1-336x340.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/cd_2-336x340.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/cd_3-336x340.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/cd_4-336x340.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/cd_5-336x340.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-music-on-sale" role="tabpanel" aria-labelledby="nav-music-on-sale-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": false
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_10-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge sale">Sale!</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                        <span class="dash">&mdash;</span>
                                                                        <span class="money">&pound; 59.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-5.1%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_8-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_9-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Women’s Dolman Sleeve Bodysuit</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Kent Girls Cupcake Bike, 16″, Blue/Hot Pink</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System: NES Classic Edition</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Osprey Packs Viper 3 Hydration Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-music-top-sellers" role="tabpanel" aria-labelledby="nav-music-top-sellers-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": false
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_8-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge sale">Sale!</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">American Fruit Juice</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                        <span class="dash">&mdash;</span>
                                                                        <span class="money">&pound; 59.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_9-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-5.1%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">American Fruit Juice</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_14-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_11-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_5-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_13-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Women’s Dolman Sleeve Bodysuit</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Kent Girls Cupcake Bike, 16″, Blue/Hot Pink</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System: NES Classic Edition</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Osprey Packs Viper 3 Hydration Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Product Tab Area End -->

            <!-- Banner Area Start -->
            <div class="banner-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6 mb-sm--30">
                            <div class="banner-box banner-hover-3 banner-type-6  banner-type-6-1">
                                <div class="banner-inner">
                                    <div class="banner-image">
                                        <img src="assets/img/banner/banner_13.jpg" alt="Banner">
                                    </div>
                                    <div class="banner-info">
                                        <div class="banner-info--inner text-center">
                                            <p class="banner-paragraph heading-color">Furniture World Mid Century Sofa, Turqouise</p>
                                            <p class="banner-title-10 lts-6 lts-lg-3 lts-sm-1 heading-color">
                                                Sale 50%
                                            </p>
                                            <p class="banner-title-2 mb--30 mb-lg--15">only $299.99</p>
                                            <a href="shop-sidebar.html" class="banner-btn banner-btn-5 banner-btn-outline banner-btn-color-blue banner-btn-shape-round hover-style-bg">Shop Now</a>
                                        </div>
                                    </div>
                                    <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="banner-box banner-hover-3 banner-type-6 banner-type-6-3">
                                <div class="banner-inner">
                                    <div class="banner-image">
                                        <img src="assets/img/banner/banner_12.jpg" alt="Banner">
                                    </div>
                                    <div class="banner-info">
                                        <div class="banner-info--inner text-center">
                                            <p class="banner-paragraph heading-color">Men's Fashion Sneakers Breatable Casual Shoes</p>
                                            <p class="banner-title-10 lts-6 lts-lg-3 lts-sm-1 heading-color">
                                                Sale 50%
                                            </p>
                                            <p class="banner-title-2 mb--30 mb-lg--15">only $299.99</p>
                                            <a href="shop-sidebar.html" class="banner-btn banner-btn-5 banner-btn-outline banner-btn-color-blue banner-btn-shape-round hover-style-bg">Shop Now</a>
                                        </div>
                                    </div>
                                    <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Banner Area End -->

            <!-- Product Tab Area Start -->
            <section class="product-tab-area pt--80 pt-md--60 pt-sm--40 pb--75 pb-md--55 pb-sm--35">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="product-tab tab-style-3">
                                <div class="product-tab-top d-flex algin-items-center flex-wrap mb--40 mb-sm--30">
                                    <div class="product-tab-left text-sm-left text-center mb-md--20">
                                        <div class="product-tab__heading bg-color" data-bg-color="#3b91bc">
                                            <h2>Books</h2>
                                        </div>
                                    </div>
                                    <div class="product-tab-middle my-sm-auto mx-auto mx-sm-0 order-sm-2 order-3">
                                        <div class="nav nav-tabs product-tab__head" id="product-books-tab" role="tablist">
                                            <a class="product-tab__link nav-link active" id="nav-books-new-product-tab" data-toggle="tab" href="#nav-books-new-product" role="tab" aria-selected="true"> 
                                                <span>New Product</span>
                                            </a>
                                            <a class="product-tab__link nav-link" id="nav-books-on-sale-tab" data-toggle="tab" href="#nav-books-on-sale" role="tab" aria-selected="true"> 
                                                <span>On Sale</span>
                                            </a>
                                            <a class="product-tab__link nav-link" id="nav-books-top-sellers-tab" data-toggle="tab" href="#nav-books-top-sellers" role="tab" aria-selected="true"> 
                                                <span>Top Sellers</span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="product-tab-right ml-auto text-sm-right text-center order-sm-3 order-2 mb-xs--15">
                                        <a href="" class="btn btn-medium btn-outline btn-shape-round btn-color-black">View More</a>
                                    </div>
                                </div>
                                <div class="product-tab-bottom">
                                    <div class="tab-content product-tab__content" id="product-books-tabContent">
                                        <div class="tab-pane fade show active" id="nav-books-new-product" role="tabpanel" aria-labelledby="nav-books-new-product-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": true
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/book_5-336x380.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/book_2-336x380.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/book_4-336x380.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/book_3-336x380.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/book_1-336x380.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-books-on-sale" role="tabpanel" aria-labelledby="nav-books-on-sale-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": false
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_10-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge sale">Sale!</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                        <span class="dash">&mdash;</span>
                                                                        <span class="money">&pound; 59.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-5.1%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_8-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_9-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/ele_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Women’s Dolman Sleeve Bodysuit</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Kent Girls Cupcake Bike, 16″, Blue/Hot Pink</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System: NES Classic Edition</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Osprey Packs Viper 3 Hydration Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="nav-books-top-sellers" role="tabpanel" aria-labelledby="nav-books-top-sellers-tab">
                                            <div class="tab-product-carousel">
                                                <div class="zuka-element-carousel slick-dot-mb-30"
                                                data-slick-options='{
                                                    "spaceBetween": 30,
                                                    "slidesToShow": 5,
                                                    "slidesToScroll": 5,
                                                    "dots": false
                                                }'
                                                data-slick-responsive='[
                                                    {"breakpoint":1800, "settings": {
                                                        "slidesToShow": 4,
                                                        "slidesToScroll": 4
                                                    }},
                                                    {"breakpoint":1199, "settings": {
                                                        "slidesToShow": 3,
                                                        "slidesToScroll": 3
                                                    }},
                                                    {"breakpoint":767, "settings": {
                                                        "slidesToShow": 2,
                                                        "slidesToScroll": 2
                                                    }},
                                                    {"breakpoint":480, "settings": {
                                                        "slidesToShow": 1,
                                                        "slidesToScroll": 1
                                                    }}
                                                ]'>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_8-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge sale">Sale!</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">American Fruit Juice</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="money">&pound; 46.00</span>
                                                                        <span class="dash">&mdash;</span>
                                                                        <span class="money">&pound; 59.00</span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_9-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-5.1%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">American Fruit Juice</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/food_14-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/food_2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_11-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3"  data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/beauty_5-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/beauty_13-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Women’s Dolman Sleeve Bodysuit</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_17-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-10%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Kent Girls Cupcake Bike, 16″, Blue/Hot Pink</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-no-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/ele_12-500x625.jpg" alt="Product Image" class="primary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="product-countdown-wrap mb--20">
                                                                        <div class="product-countdown product-countdown-3" data-countdown="2020/05/01"></div>
                                                                    </div>
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Nintendo Entertainment System: NES Classic Edition</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="item">
                                                        <div class="zuka-product thumb-has-effect">
                                                            <div class="product-inner">
                                                                <figure class="product-image">
                                                                    <div class="product-image--holder">
                                                                        <a href="product-details.html">
                                                                            <img src="assets/img/products/bike_7-500x625.jpg" alt="Product Image" class="primary-image">
                                                                            <img src="assets/img/products/bike_3-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                        </a>
                                                                    </div>
                                                                    <div class="zuka-product-action">
                                                                        <div class="product-action d-flex flex-column align-items-end">
                                                                            <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                                <span data-toggle="modal" data-target="#productModal">
                                                                                    <i class="dl-icon-view"></i>
                                                                                </span>
                                                                            </a>
                                                                            <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                                <i class="dl-icon-heart4"></i>
                                                                            </a>
                                                                            <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                                <i class="dl-icon-compare"></i>
                                                                            </a>
                                                                            <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                                <i class="dl-icon-cart29"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <span class="product-badge discount">-16%</span>
                                                                </figure>
                                                                <div class="product-info text-center">
                                                                    <div class="star-rating star-five">
                                                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                    </div>
                                                                    <h3 class="product-title">
                                                                        <a href="product-details.html">Osprey Packs Viper 3 Hydration Pack</a>
                                                                    </h3>
                                                                    <span class="product-price-wrapper">
                                                                        <span class="product-price-old">
                                                                            <span class="money">&pound; 49.00</span>
                                                                        </span>
                                                                        <span class="product-price-new">
                                                                            <span class="money">&pound; 48.00</span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Product Tab Area End -->

            <!-- Back to top area Start -->
            <div class="back-to-top-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="back-to-top bg-color ptb--25 text-center" data-bg-color="#f5f5f5">
                                <a href="#">Back To Top</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Back to top area End -->

            <!-- Testimonial Area Start -->
            <section class="testimonial-area slick-overflow-visible pt--75 pt-md--55 pt-sm--35 pb--120 pb-lg--80 pb-md--60 pb-sm--40">
                <div class="container">
                    <div class="row mb--50 mb-md--40">
                        <div class="col-12 text-center">
                            <h2 class="heading-secondary">Client's Feedback</h2>
                            <hr class="separator center mt--25 mt-md--20">
                        </div>
                    </div>
                    <div class="row justify-content-center">
                        <div class="col-lg-12">
                            <div class="zuka-element-carousel nav-vertical-center nav-disabled nav-style-1" data-slick-options='{
                                "spaceBetween": 30, 
                                "slidesToShow": 3, 
                                "slidesToScroll": 1, 
                                "arrows": true, 
                                "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "dl-icon-left" },
                                "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "dl-icon-right" }
                            }'
                            data-slick-responsive='[
                                {"breakpoint":991, "settings": {"slidesToShow": 2}},
                                {"breakpoint":620, "settings": {"slidesToShow": 1}}
                            ]'>
                                <div class="item">
                                    <div class="testimonial testimonial-style-1">
                                        <div class="testimonial__inner">
                                            <div class="star-rating star-five">
                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                            </div>
                                            <p class="testimonial__desc">Proin hendrerit nisi neque, non scelerisque ex bibendum non. Aliquam vehicula magna justo, eu hendrerit lacus scelerisque non</p>
                                            <div class="testimonial__author">
                                                <h3 class="testimonial__author--name">Hester Perkins</h3>
                                                <h5 class="testimonial__author--role">Indiana US</h5>
                                            </div>
                                            <figure class="testimonial__thumbnail">
                                                <img src="assets/img/others/happy-client-2.jpg" alt="Client">
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="testimonial testimonial-style-1">
                                        <div class="testimonial__inner">
                                            <div class="star-rating star-four-half">
                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                            </div>
                                            <p class="testimonial__desc">Proin hendrerit nisi neque, non scelerisque ex bibendum non. Aliquam vehicula magna justo, eu hendrerit lacus scelerisque non</p>
                                            <div class="testimonial__author">
                                                <h3 class="testimonial__author--name">Andrea Curtis</h3>
                                                <h5 class="testimonial__author--role">New Mexico</h5>
                                            </div>
                                            <figure class="testimonial__thumbnail">
                                                <img src="assets/img/others/happy-client-3.png" alt="Client">
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="testimonial testimonial-style-1">
                                        <div class="testimonial__inner">
                                            <div class="star-rating star-five">
                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                            </div>
                                            <p class="testimonial__desc">Proin hendrerit nisi neque, non scelerisque ex bibendum non. Aliquam vehicula magna justo, eu hendrerit lacus scelerisque non</p>
                                            <div class="testimonial__author">
                                                <h3 class="testimonial__author--name">Jackson Diaz</h3>
                                                <h5 class="testimonial__author--role">New Mexico</h5>
                                            </div>
                                            <figure class="testimonial__thumbnail">
                                                <img src="assets/img/others/happy-client-1.jpg" alt="Client">
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Testimonial Area End -->

            <!-- Newsletter area Start -->
            <section class="newsletter-area">
                <div class="container-fluid">
                    <div class="row bg-color" data-bg-color="#1c34ae">
                        <div class="col-12">
                            <div class="max-width--1200 pt--35 pb--40">
                                <div class="row align-items-center">
                                    <div class="col-md-6">
                                        <div class="newsletter-box text-center">
                                            <h2 class="newsletter-box__title color--white mb--5">Join Our Newsletter</h2>
                                            <p class="color--white mb--2">Sale up to 20% off for your next purchase in this month!</p>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <form action="https://company.us19.list-manage.com/subscribe/post?u=2f2631cacbe4767192d339ef2&amp;id=24db23e68a" class="newsletter-form white-color mc-form" method="post" target="_blank">
                                            <input type="email" name="EMAIL" id="newsletter_email" placeholder="Enter your email address.." required="required" class="newsletter-form__input">
                                            <button type="submit" class="newsletter-form__submit">Subscribe</button>
                                        </form>
                                        <!-- mailchimp-alerts Start -->
                                        <div class="mailchimp-alerts">
                                            <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                            <div class="mailchimp-success"></div><!-- mailchimp-success end -->
                                            <div class="mailchimp-error"></div><!-- mailchimp-error end -->
                                        </div>
                                        <!-- mailchimp-alerts end -->
                                    </div> 
                                </div>
                            </div> 
                        </div>
                    </div>
                </div>
            </section>
            <!-- Newsletter area End -->

        </div>
        <!-- Main Content Wrapper Start -->

        <!-- Footer Start -->
        <footer class="footer footer-default">
            <div class="footer-top ptb--70 ptb-md--60">
                <div class="container">
                    <div class="row footer-row">
                        <div class="footer-column footer-column-1 order-xl-1 mb-lg--40 mb-sm--25">
                            <!-- Widget Start Here -->
                            <div class="footer-widget text-center text-sm-left">
                                <div class="textwidget mb--30 mb-sm--20">
                                    <a href="index.html" class="footer-logo">
                                        <img src="assets/img/logo/logo.png" alt="Logo" class="logo-img">
                                    </a>
                                </div>
                                <div class="textwidget mr--40 mr-xs--0">
                                    <p>Integer ut ligula quis lectus fringilla elementum porttitor sed est. Duis fringilla efficitur ligula sed lobortis.</p>
                                </div>
                            </div>
                            <!-- Widget End Here -->
                        </div>
                        <div class="footer-column footer-column-2 order-xl-2 mb-lg--40 mb-sm--25 mb-xs--20">
                            <!-- Widget Start Here -->
                            <div class="footer-widget text-center text-sm-left">
                                <h3 class="widget-title mb--25 mb-xs--20">Helful Link</h3>
                                <ul class="widget-menu">
                                    <li><a href="shop-collections.html">The Collections</a></li>
                                    <li><a href="#">Size Guide</a></li>
                                    <li><a href="#">Return Policy</a></li>
                                </ul>
                            </div>
                            <!-- Widget End Here -->
                        </div>
                        <div class="footer-column footer-column-3 order-xl-3 mb-lg--40 mb-sm--25">
                            <!-- Widget Start Here -->
                            <div class="footer-widget text-center text-sm-left">
                                <h3 class="widget-title mb--25">Company Link</h3>
                                <ul class="widget-menu">
                                    <li><a href="about-us.html">About Us</a></li>
                                    <li><a href="shop-collections.html">Portfolios</a></li>
                                    <li><a href="#">Our Services</a></li>
                                    <li><a href="#">Affiliate Program</a></li>
                                    <li><a href="#">Work for Zuka</a></li>
                                </ul>
                            </div>
                            <!-- Widget End Here -->
                        </div>
                        <div class="footer-column footer-column-4 order-xl-4 order-5 mb-sm--25">
                            <!-- Widget Start Here -->
                            <div class="footer-widget text-center text-sm-left">
                                <h3 class="widget-title mb--25 mb-xs--20">Zuka Link</h3>
                                <ul class="widget-menu">
                                    <li><a href="shop-collections.html">Look Book</a></li>
                                    <li><a href="shop-sidebar">Shop Leftsidebar</a></li>
                                    <li><a href="shop-fullwidth.html">Shop Fullwidth</a></li>
                                    <li><a href="shop-collections.html">Man &amp; Woman</a></li>
                                </ul>
                            </div>
                            <!-- Widget End Here -->
                        </div>
                        <div class="footer-column footer-column-5 order-xl-5 order-6">
                            <!-- Widget Start Here -->
                            <div class="footer-widget text-center text-sm-left">
                                <h3 class="widget-title mb--25">Openning Time</h3>
                                <ul class="widget-menu">
                                    <li><span>Monday – Saturday</span></li>
                                    <li><span>7:00 – 22:00</span></li>
                                    <li><span>Sunday</span></li>
                                    <li><span>9:00 – 20:00</span></li>
                                </ul>
                            </div>
                            <!-- Widget End Here -->
                        </div>
                        <div class="footer-column footer-column-6 order-xl-6 order-4 mb-sm--25">
                            <!-- Contact Widget Start Here -->
                            <div class="footer-widget text-center text-sm-left">
                                <h3 class="widget-title mb--25 mb-xs--20">Contact Info</h3>
                                <div class="widget_contact_info">
                                    <ul>
                                        <li><i class="fa fa-phone"></i><span>(+612) 2531 5600</span></li>
                                        <li><i class="fa fa-envelope"></i><a href="mailto:info@company.com">info@company.com</a></li>
                                        <li><i class="fa fa-map-marker"></i><span>Get direction</span></li>
                                    </ul>
                                </div>
                            </div>
                            <!-- Contact Widget End Here -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="container">
                    <div class="row no-gutters align-items-center border-top ptb--15">
                        <div class="col-md-4 text-md-left text-center mb-sm--10">
                            <!-- Social Icons Start Here -->
                            <ul class="social social-small">
                                <li class="social__item">
                                    <a href="https://facebook.com" class="social__link">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="https://twitter.com" class="social__link">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="https://plus.google.com" class="social__link">
                                        <i class="fa fa-google-plus"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="https://youtube.com" class="social__link">
                                        <i class="fa fa-youtube"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="https://instagram.com" class="social__link">
                                        <i class="fa fa-instagram"></i>
                                    </a>
                                </li>
                            </ul>
                            <!-- Social Icons End Here -->
                        </div>
                        <div class="col-md-4 text-center mb-sm--10">
                            <p class="copyright-text">&copy; 2018 ZUKA. Designed by HasTech</p>
                        </div>
                        <div class="col-md-4 text-md-right text-center">
                            <img src="assets/img/others/payments.png" alt="payment">
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Search from Start --> 
        <div class="searchform__popup" id="searchForm">
            <a href="#" class="btn-close"><i class="dl-icon-close"></i></a>
            <div class="searchform__body">
                <p>Start typing and press Enter to search</p>
                <form class="searchform">
                    <input type="text" name="popup-search" id="popup-search" class="searchform__input" placeholder="Search Entire Store...">
                    <button type="submit" class="searchform__submit"><i class="dl-icon-search10"></i></button>
                </form>
            </div>
        </div>
        <!-- Search from End --> 
        
        <!-- Side Navigation Start -->
        <aside class="side-navigation" id="sideNav">
            <div class="side-navigation-wrapper">
                <div class="side-navigation-inner">
                    <div class="widget mb--30">
                        <ul class="sidenav-menu">
                            <li><a href="about-us.html">About Us</a></li>
                            <li><a href="shop-collections.html">Portfolios</a></li>
                            <li><a href="contact-us.html">Our Services</a></li>
                            <li><a href="#">Affiliate Program</a></li>
                            <li><a href="#">Work For Zuka</a></li>
                        </ul>
                    </div>
                    <div class="widget mb--30">
                        <div class="banner-box banner-type-1 banner-hover-1">
                            <div class="banner-inner">
                                <div class="banner-image">
                                    <img src="assets/img/banner/menu-humberger.jpg" alt="Banner">
                                </div>
                                <div class="banner-info">
                                    <a class="banner-title-1 text-uppercase" href="shop-sidebar.html">New</a>
                                </div>
                                <a class="banner-link banner-overlay" href="shop-sidebar.html">New</a>
                            </div>
                        </div>
                    </div>
                    <div class="widget mb--30">
                        <div class="text-widget">
                            <p>
                                <a href="#">(+612) 2531 5600</a>
                                <a href="mailto:info@la-studioweb.com">info@la-studioweb.com</a>
                                PO Box 1622 Colins Street West
                            </p>
                        </div>
                    </div>
                    <div class="widget mb--5">
                        <div class="text-widget google-map-link">
                            <p>
                                <a href="https://www.google.com/maps" target="_blank">Google Maps</a>
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                        <div class="text-widget">
                            <!-- Social Icons Start Here -->
                            <ul class="social social-small">
                                <li class="social__item">
                                    <a href="twitter.com" class="social__link">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="plus.google.com" class="social__link">
                                        <i class="fa fa-google-plus"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="facebook.com" class="social__link">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="youtube.com" class="social__link">
                                        <i class="fa fa-youtube"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="instagram.com" class="social__link">
                                        <i class="fa fa-instagram"></i>
                                    </a>
                                </li>
                            </ul>
                            <!-- Social Icons End Here -->
                        </div>
                    </div>
                    <div class="widget mtb--15">
                        <div class="text-widget">
                            <p>
                                <img src="assets/img/others/payments.png" alt="payment">
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                        <div class="text-widget">
                            <p class="copyright-text">&copy; 2018 Zuka Shop All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!-- Side Navigation End -->

        <!-- Mini Cart Start -->
        <aside class="mini-cart" id="miniCart">
            <div class="mini-cart-wrapper">
                <a href="" class="btn-close"><i class="dl-icon-close"></i></a>
                <div class="mini-cart-inner">
                    <h5 class="mini-cart__heading mb--40 mb-lg--30">Shopping Cart</h5>
                    <div class="mini-cart__content">
                        <ul class="mini-cart__list">
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-26-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Atlin Designs Mid Century Club Chair</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-30-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-29-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-31-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                        </ul>
                        <div class="mini-cart__total">
                            <span>Subtotal:</span>
                            <span class="ammount">&pound;98.00</span>
                        </div>
                        <div class="mini-cart__buttons">
                            <a href="cart.html" class="btn btn-fullwidth btn-style-1">View Cart</a>
                            <a href="checkout.html" class="btn btn-fullwidth btn-style-1">Checkout</a>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!-- Mini Cart End -->

        <!-- Global Overlay Start -->
        <div class="zuka-global-overlay"></div>
        <!-- Global Overlay End -->
 
        <!-- Modal Start -->
        <div class="modal fade product-modal" id="productModal" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-body">
                <button type="button" class="close custom-close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true"><i class="dl-icon-close"></i></span>
                </button>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="zuka-element-carousel product-image-carousel nav-vertical-center nav-style-1"
                                data-slick-options='{
                                    "slidesToShow": 1,
                                    "slidesToScroll": 1,
                                    "arrows": true,
                                    "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "dl-icon-left" },
                                    "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "dl-icon-right" }
                                }'
                        >
                            <div class="product-image">
                                <div class="product-image--holder">
                                    <a href="single-product.html">
                                        <img src="assets/img/products/prod-7-1.jpg" alt="Product Image" class="primary-image">
                                    </a>
                                </div>
                                <span class="product-badge sale">sale</span>
                            </div>
                            <div class="product-image">
                                <div class="product-image--holder">
                                    <a href="single-product.html">
                                        <img src="assets/img/products/prod-7-2.jpg" alt="Product Image" class="primary-image">
                                    </a>
                                </div>
                                <span class="product-badge sale">sale</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="modal-box product-summary">
                            <div class="product-top-meta d-flex justify-content-between flex-sm-row flex-column-reverse">
                                <div class="product-rating d-flex">
                                    <div class="star-rating star-five">
                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                    </div>
                                    <a href="" class="review-link">(1 customer review)</a>
                                </div>
                                <div class="product-navigation">
                                    <a href="#" class="prev"><i class="dl-icon-left"></i></a>
                                    <a href="#" class="next"><i class="dl-icon-right"></i></a>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <h3 class="product-title mb--30 mb-md--20">Waxed-effect pleated skirt</h3>
                            <div class="product-price-wrapper mb--30 mb-md--20">
                                <span class="product-price-old">
                                    <span class="money">&pound;60.00</span>
                                </span>
                                <span class="money">&pound;49.00</span>
                            </div>
                            <p class="product-short-description mb--30 mb-md--20">Donec accumsan auctor iaculis. Sed suscipit arcu ligula, at egestas magna molestie a. Proin ac ex maximus, ultrices justo eget, sodales orci. Aliquam egestas libero ac turpis pharetra, in vehicula lacus scelerisque. Vestibulum ut sem laoreet, feugiat tellus at, hendrerit arcu.</p>
                            <div class="product-action d-flex flex-row align-items-center mb--20">
                                <div class="quantity mr--20">
                                    <input type="number" class="quantity-input" name="qty" id="quick-qty" value="1" min="1">
                                </div>
                                <button type="button" class="btn btn-style-1 btn-semi-large btn-shape-round add-to-cart" onclick="window.location.href='cart.html'">
                                    Add To Cart
                                </button>
                                <a href="wishlist.html" class="action-btn action-btn-square"><i class="dl-icon-heart2"></i></a>
                                <a href="compare.html" class="action-btn action-btn-square"><i class="dl-icon-compare2"></i></a>
                            </div>  
                            <div class="product-extra mb--20">
                                <a href="#" class="font-size-12"><i class="fa fa-map-marker"></i>Find store near you</a>
                                <a href="#" class="font-size-12"><i class="fa fa-exchange"></i>Delivery and return</a>
                            </div>
                            <div class="product-summary-footer">
                                <div class="product-meta mb--20">
                                    <span class="sku_wrapper font-size-12">SKU: <span class="sku">REF. LA-887</span></span>
                                    <span class="posted_in font-size-12">Categories: <a href="shop-sidebar.html" rel="tag">Fashions</a></span>
                                </div>
                                <div class="product-share-box">
                                    <span class="font-size-12">Share With</span>
                                    <!-- Social Icons Start Here -->
                                    <ul class="social social-small">
                                        <li class="social__item">
                                            <a href="facebook.com" class="social__link">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="twitter.com" class="social__link">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="plus.google.com" class="social__link">
                                                <i class="fa fa-google-plus"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="plus.google.com" class="social__link">
                                                <i class="fa fa-pinterest-p"></i>
                                            </a>
                                        </li>
                                    </ul>
                                    <!-- Social Icons End Here -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- Modal End -->



    </div>
    <!-- Main Wrapper End -->


    <!-- ************************* JS Files ************************* -->

    <!-- All Plugins Js -->
    <script src="assets/js/plugins.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

    <!-- REVOLUTION JS FILES -->
    <script src="assets/js/revoulation/jquery.themepunch.tools.min.js"></script>
    <script src="assets/js/revoulation/jquery.themepunch.revolution.min.js"></script>    

    <!-- REVOLUTION ACTIVE JS FILES -->
    <script src="assets/js/revoulation.js"></script>

</body>

</html>